<template>
  <div class="fullMain">
    <x-header
      class="custumHeader"
      :left-options="{backText: '',showBack: false}">
      <!-- <a slot="left">
         <i slot="overwrite-left" class="lIcon">X</i>
       </a>-->
      <span>所有项目</span>
      <!-- <a slot="right">
         <x-icon slot="overwrite-right" type="ios-more" size="35" style="position:relative;top:-8px;left:-3px;"></x-icon>
       </a>-->
    </x-header>
    <div class="mainbBg">
      <div class="menuHeader">
        <i class="fa fa-chevron-left mT returnIcon"></i>
        <span class="ids">
          姓名：老板
          <i class="fa fa-weixin icons"></i>
        </span>
      </div>
      <div class="tAllProjectSearch">
        <span>
          <i class="fa fa-search"></i>
        </span>
        <input type="text" placeholder="请输入项目名称" class="texts"/>
        <span>
          <i class="fa fa-microphone"></i>
        </span>
      </div>
      <x-table :cell-bordered="false" :content-bordered="false" class="xtable">
        <thead>
        <tr style="background-color: #f2f2f2;color: #999;">
          <th>项目名称</th>
          <th>开始时间</th>
          <th>截止时间</th>
          <th>项目状态</th>
          <th>项目进度</th>
          <th>负责人</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>项目1</td>
          <td>2018-06-30</td>
          <td>2018-07-01</td>
          <td style="color: #1abc9c;">已完成</td>
          <td style="color: #1abc9c;">100%</td>
          <td>成员1</td>
        </tr>
        <tr>
          <td>项目1</td>
          <td>2018-06-30</td>
          <td>2018-07-01</td>
          <td style="color: #1abc9c;">已完成</td>
          <td style="color: #1abc9c;">100%</td>
          <td>成员1</td>
        </tr>
        <tr>
          <td>项目1</td>
          <td>2018-06-30</td>
          <td>2018-07-01</td>
          <td style="color: #1abc9c;">已完成</td>
          <td style="color: #1abc9c;">100%</td>
          <td>成员1</td>
        </tr>
        <tr>
          <td>项目1</td>
          <td>2018-06-30</td>
          <td>2018-07-01</td>
          <td style="color: #1abc9c;">已完成</td>
          <td style="color: #1abc9c;">100%</td>
          <td>成员1</td>
        </tr>
        <tr>
          <td>项目1</td>
          <td>2018-06-30</td>
          <td>2018-07-01</td>
          <td style="color: #1abc9c;">已完成</td>
          <td style="color: #1abc9c;">100%</td>
          <td>成员1</td>
        </tr>
        </tbody>
      </x-table>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { XTable } from 'vux'
  export default {
    data(){
      return {

      }
    },
    components:{
      XHeader,
      XTable
    },
    methods:{

    }
  }
</script>

<style>
</style>
